@charset "UTF-8";
$basefontsize:18px;
$basefontcolor:#333;
@import 'core.scss';
.wrap {
  width: 1000px;
  margin: 0 auto;
}


/**
 * 通用头部
 */

.header {
  background: #333;
  @extend %clf;
  h1 {
    @include wah(150px, 50px, left);
    @include flc(22px, 50px, #fff, center);
  }
  .header-nav {
    @include wah(400px, 50px, left);
    @include flc(18px, 50px, none, left);
    a {
      text-decoration: none;
      padding: 10px 20px;
      &.route--active {
        color: #fff;
      }
      &:hover {
        color: #fff;
      }
      ;
    }
  }
  .header-user {
    @include wah(300px, 50px, right);
    overflow: visible;
    display: flex;
    align-items: center;
    .header-user-info {
      display: flex;
      align-items: center;
    }
  }
}

#TMDForm {
  .message {
    text-align: left;
    padding: 10px 0px;
    h2 {
      color: #e01515;
    }
    h3 {
      color: #999999
    }
    i {
      padding: 0 10px;
    }
  }
  .container-form {
    width: 1440px;
    margin: 0 auto;
    .setting {
      p {
        margin: 5px 0px;
      }
      button a {
        color: #fff;
      }
      @include flc(14px, 1.5, #2db7f5, left);
      .setting-item {
        display: inline-block;
        padding: 0 10px;
        width: 140px;
      }
    }
  }
  .container-manager {
    .ant-spin-nested-loading>.ant-spin-container {
      filter: blur(0px);
    }
  }
  .preview .ant-form-item {
    margin-bottom: 0px;
  }
}

.jsontree {
  height: 800px;
  .jsonModal-body {
    @extend %clf;
  }
  /*左侧的jsontree部分*/
  .jsonModal-body-left {
    width: 480px;
    float: left;
  }
  .jsontree-wrap {
    position: relative;
    background-color: rgb(39, 40, 34);
    padding: 20px 10px;
    margin-bottom: 20px;
    .jsontree-editor_btn {
      position: absolute;
      right: 20px;
      top: 10px;
    }
  }
  /*右侧的form表单*/
  .jsonModal-body-right {
    width: 480px;
    float: right;
  }
}

#terms {
  .message {
    text-align: left;
    padding: 10px 0px;
    color: #e01515;
    i {
      padding: 0 10px;
    }
  }
  .container-terms {
    width: 1440px;
    margin: 0 auto;
    .setting {
      p {
        margin: 5px 0px;
      }
      button a {
        color: #fff;
      }
      @include flc(14px, 1.5, #2db7f5, left);
      .setting-item {
        display: inline-block;
        padding: 0 10px;
        width: 140px;
      }
    }
  }
  .container-manager {
    .question-add-input {
      width: 450px;
    }
    .show-columns {
      padding: 20px 0px;
    }
  }
}




#home {
  .sec_1 {
    text-align: center;
    padding: 10px 0px;
  }
}

#counter {
  text-align: center;
  h2 {
    padding: 20px;
  }
  button {
    background: #2db7f5;
    padding: 10px 20px;
    color: #fff;
  }
}

#fast {}

#wilddog {
  .message {
    text-align: left;
    padding: 10px 0px;
    color: #e01515;
    i {
      padding: 0 10px;
    }
  }
  .container-wilddog {
    width: 1440px;
    margin: 0 auto;
    .setting {
      p {
        margin: 5px 0px;
      }
      button a {
        color: #fff;
      }
      @include flc(14px, 1.5, #2db7f5, left);
      .setting-item {
        display: inline-block;
        padding: 0 10px;
        width: 140px;
      }
    }
  }
  .cellItem_upcount{
    background: #f04134;
    border: 1px solid transparent;
    color: #fff;
    line-height: 18px;
    border-radius: 10px;
    padding: 0 6px;
    font-size: 12px;
  }
  .cellItem_name{
    color: #108ee9;
  }
  .room-userList{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    img{width: 80px;height: 80px;margin-top: 20px;}
    .room-userList-name{
      text-align: center;
    }
  }
  .flexItem{
    margin-right: 15px;
  }
}
/*----一些通用组件------------------------------*/
.addInput{
  margin-bottom: 10px;
}
/*----自定义表单 可编辑表格样式-----*/

.editable-cell {
  position: relative;

}

.editable-cell-input-wrapper, .editable-cell-text-wrapper {
  padding-right: 24px;
}

.editable-cell-text-wrapper {
  padding: 5px 24px 5px 5px;
}

.editable-cell-icon, .editable-cell-icon-check {
  position: absolute;
  right: 0;
  width: 20px;
  cursor: pointer;
}

.editable-cell-icon {
  line-height: 18px;
  display: none;
}

.editable-cell-icon-check {
  line-height: 28px;
}

.editable-cell:hover .editable-cell-icon {
  display: inline-block;
}

.editable-cell-icon:hover, .editable-cell-icon-check:hover {
  color: #2db7f5;
}

.editable-add-btn {
  margin-bottom: 8px;
}
.dynamic-delete-button {
  cursor: pointer;
  position: relative;
  top: 4px;
  font-size: 24px;
  color: #999;
  transition: all .3s;
}
.dynamic-delete-button:hover {
  color: #777;
}
.dynamic-delete-button[disabled] {
  cursor: not-allowed;
  opacity: 0.5;
}
#components-layout-demo-side .logo {
  height: 32px;
  background: #333;
  border-radius: 6px;
  margin: 16px;
}

#components-layout-demo-side .ant-layout-sider-collapsed .anticon {
  font-size: 16px;
}

#components-layout-demo-side .ant-layout-sider-collapsed .nav-text {
  display: none;
}